/*
 *  埼玉ダイハツ カスタマイズ用スタイル
 *
 */

/******************************
  * 新卒採用
  ******************************/

.recruit_newgrads div.page_title {
    clear: both;
    margin: 0 auto;
    padding-top: 15px;
    width: 1000px;
    height: 290px;
    background: url("-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/main_newgrad_bg.png") no-repeat 0 0;
}

.recruit_newgrads div.page_title {
    clear: both;
    margin: 0 auto;
    padding-top: 15px;
    width: 1000px;
    height: 290px;
    background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/main_newgrad_bg.png') no-repeat 0 0;
}

@media only screen and (max-width: 768px) {
    .recruit_newgrads div.page_title {
        width: 100%;
        height: 195px;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/main_newgrad_bg.png') no-repeat 0 bottom;
        background-size: 100% 100%;
    }

}

@media only screen and (max-width: 640px) {
    .recruit_newgrads div.page_title {
        width: 100%;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/main_newgrad_bg_640.png') no-repeat 0 top;
        background-size: 100%;
        height: 340px;
    }
}

@media only screen and (max-width: 420px) {
    .recruit_newgrads div.page_title {
        width: 100%;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/main_newgrad_bg_640.png') no-repeat 0 top;
        background-size: 100%;
        height: 195px;
    }
}

.recruit_newgrads .table th,
.recruit_newgrads .table td {
    text-align: left;
}

.recruit_newgrads .table th {
    width: 180px;
    background-color: #e5e5e5;
}

@media only screen and (max-width: 768px) {

    .recruit_newgrads .table {
        display: block;
    }

    .recruit_newgrads .table th,
    .recruit_newgrads .table td {
        display: list-item;
        list-style-type: none;
        width: 100%;
    }

    .recruit_newgrads .table td:before {
        content: attr(data-th) " ";
    }
}

.recruit_newgrads .recrut_info {
    margin-top: 42px;
}

.recruit_newgrads .recrut_info .table th {
    vertical-align: top;
}


.recruit_newgrads dl.category {
    overflow: hidden;
}

.recruit_newgrads dl.category dt {
    float: left;
    width: 16em;
}

@media only screen and (max-width: 768px) {
    .recruit_newgrads dl.category dt {
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_down.gif') no-repeat 100% 10px;
        background-size: 20px 20px;
        line-height: 3em;
    }
    .recruit_newgrads dl.category dt.open {
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_up.gif') no-repeat 100% 10px;
    }
}


.recruit_newgrads dl.salary {
    overflow: hidden;
}

.recruit_newgrads dl.salary dt {
    float: left;
    width: 16em;
}

@media only screen and (max-width: 768px) {
    .recruit_newgrads dl.staff dt {
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_down.gif') no-repeat 100% 10px;
        background-size: 20px 20px;
        line-height: 3em;
    }
    .recruit_newgrads dl.staff dt.open {
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_up.gif') no-repeat 100% 10px;
        background-size: 20px 20px;
    }
}

.recruit_newgrads dl.staff dd {
    overflow: hidden;
}

.recruit_newgrads p.mail {
    margin-right: 15px;
    margin-bottom: 0;
    float: left;
}

.recruit_newgrads .email-icon {
    float: left;
    background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_email-pc.png') no-repeat 0 0;
    width: 80px;
    height: 19px;
}


.recruit_newgrads .table th.condition {
    background-color: #feeb5a;
}

.recruit_newgrads .table td.condition {
    background-color: #fef8cd;
}

.recruit_newgrads .table dl {
    margin: 0;
}


.recruit_newgrads dl.condition {
    display: block;
    overflow: hidden;
}

.recruit_newgrads dl.condition dt {
    float: left;
    margin-right: 20px;
}

.recruit_newgrads dl.condition dl.sub_conditon {
    display: block;
    overflow: hidden;
}

.recruit_newgrads dl.condition dl.sub_conditon dt {
    font-weight: normal;
    width: 8em;
}

.recruit_newgrads p.text_end {
    margin-bottom: 0;
}

.recruit_newgrads div.details {
    float: left;
    width: 450px;
    overflow: hidden;
}


.recruit_newgrads div.mynavi {
    padding: 15px 0;
    float: right;
    width: 310px;
    height: 100%;
    text-align: center;
    background-color: #ececec;
}

.recruit_newgrads div.mynavi img {
    display: inline;
}

.recruit_newgrads .mynavi-icon {
    margin: 0 auto;
    background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_mainabi.png') no-repeat 0 0;
    width: 175px;
    height: 43px;
}

.recruit_newgrads .staffBox {
    padding: 45px 0;
}

.recruit_newgrads .staff_voice {
    margin: 0 auto;
    width: 1000px;
}

.recruit_newgrads .staff_voice h3 {
    font-size: 1.5em;
    color: #59493f;
    text-align: center;
}

.recruit_newgrads .titleStyle {
    width: 348px;
    height: 80px;
    margin: 30px auto 30px auto;
}

.recruit_newgrads .flow_chart {
    width: 679px;
    height: 397px;
    margin: 30px auto 120px auto;
}

.recruit_newgrads .flow_chart_sp {
    width: 640px;
    height: 1246px;
    margin: 30px auto 120px auto;
}

.recruit_newgrads .flow_chart a,
.recruit_newgrads .flow_chart_sp a {
    transition: .3s;
}

.recruit_newgrads .flow_chart a:hover,
.recruit_newgrads .flow_chart_sp a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 769px) {
    .recruit_newgrads .flow_chart_sp {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .recruit_newgrads .flow_chart_sp {
        width: 640px;
        height: 1246px;
        margin: 30px auto 60px auto;
    }

    .recruit_newgrads dl.category dt {
        float: none;
        font-weight: normal;
    }

    .recruit_newgrads dl.salary dt {
        float: none;
        font-weight: normal;
    }

    .recruit_newgrads .imgBox {
        display: none;
    }

    .recruit_newgrads .recrut_info {
        margin-top: 10px;
    }

    .recruit_newgrads div.details {
        float: none;
        width: 100%;
        overflow: hidden;
    }


    .recruit_newgrads div.mynavi {
        padding: 15px 0;
        float: none;
        width: 100%;
        height: 100%;
        text-align: center;
        background-color: #ececec;
    }

    .recruit_newgrads p.mail {
        margin: 0;
        float: none;
    }

    .recruit_newgrads .email-icon {
        margin: 10px 0;
        float: none;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_email-sp.png') no-repeat 0 0;
        width: 132px;
        height: 31px;
        background-size: contain;

    }

    .recruit_newgrads .mynavi-icon {
        margin: 0 auto;
        background: url('-/Media/Project/Dmc Tenants/DD Tenant/saitama/dealer/public/images/recruit_newgrads/btn_mainabi.png') no-repeat 0 0;
        width: 170px;
        height: 40px;
        background-size: contain;
    }

    .recruit_newgrads dl.condition dt {
        float: none;
        margin-right: 20px;
        font-weight: normal;
    }


    .recruit_newgrads .staff_voice {
        margin: 0 auto;
        width: 95%;
    }

    .recruit_newgrads .staffBox {
        padding: 10px 0;
    }

    .recruit_newgrads .titleStyle {
        width: 100%;
        height: auto;
    }

    .recruit_newgrads .titleStyle img {
        width: 100%;
    }

    .recruit_newgrads .staffStyle {
        width: 100%;
        height: auto;
    }

    .recruit_newgrads .staffStyle img {
        width: 100%;
    }

    .recruit_newgrads .flow_chart {
        display: none;
    }

    .recruit_newgrads .flow_chart img {
        display: none;
    }

    .recruit_newgrads .flow_chart_sp {
        width: 100%;
        height: auto;
    }

    .recruit_newgrads .flow_chart_sp img {
        width: 100%;
    }
}

.recruit_newgrads .flow_01 {
    float: left;
    width: 189px;
    height: 171px;
}

.recruit_newgrads .flow_02 {
    float: left;
    width: 245px;
    height: 171px;
}

.recruit_newgrads .flow_03 {
    float: left;
    width: 245px;
    height: 171px;
}

.recruit_newgrads .flow_04 {
    float: left;
    width: 679px;
    height: 226px;
}

.recruit_newgrads.bodyclass.page-second .btn {
    min-width: 200px;
}

@media only screen and (max-width: 896px) {
    .recruit_newgrads.bodyclass.page-second .btn {
        min-width: 284px;
    }
}

@media only screen and (min-width: 769px){
    .recruit_newgrads dl.staff dd{
        display:block!important;
    }
}